/**
 * Description:
 * Created Date: Wednesday, August 23rd 2017, 4:51:40 pm
 * Author: chandlerver5
 * -----
 * Last Modified:
 * Modified By:
 * -----
 * Copyright (c) 2017 Your Company
 * ------------------------------------
 * <<licensetext>>
 */

@mixin clearfix () {
  &::before,
  &::after {
    content: " ";
    display: table;
  }

  &::after {
    clear: both;
  }
}
.class {
  padding: 10px;
  @include clearfix();
}
.base {
  color: red;
}

// placeholder
%base {
  padding: 12px;
}

.foo {
  @extend .base;
}

.bar {
  @extend %base;
}
